.pageArticles {
  box-sizing: border-box;
  padding: 140px 160px;
  font-size: 16px;
  min-height: 100vh;

  > .content {
    display: inline-block;
    margin: 0 auto;

    .list {
      color: rgba(0, 0, 0, 65%);
      display: flex;
      flex-direction: column;
      gap: 30px;

      li {
        cursor: pointer;

        .titleTime {
          display: flex;
          justify-content: space-between;
        }

        .title {
          line-height: 1.5;
        }

        .time {
          flex-shrink: 0;
          margin-left: 200px;
        }

        .articleContent {
          color: rgba(0, 0, 0, 35%);
          margin: 0;
          font-size: 12px;
          // 两行后省略号
          //overflow: hidden;
          //text-overflow: ellipsis;
          //display: -webkit-box;
          //-webkit-line-clamp: 2;
          //-webkit-box-orient: vertical;
          //word-break: break-all;
        }

        &:hover {
          color: rgba(0, 0, 0, 90%);
          text-decoration: underline;
        }
      }
    }
  }

  @media screen and (max-width: 768px) {
    padding: 40px 20px;

    > .content {
      .list {
        li {
          width: calc(100vw - 40px);

          .title {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
          }

          .time {
            margin-left: 40px;
          }

          .articleContent {
          }
        }
      }
    }
  }
}
